<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="la">
    <head>
        <title>Title</title>
        <meta charset="UTF-8" />
        <script src="js/code.js"></script>
        <link rel="stylesheet" type="text/css" href="css/main.css">
            <script>
                var xp = 1;
                function getXPath() {
                    var xPathString = "//*[@id=\"Part1\"]";
                    var parts = document.evaluate(xPathString, document, null, XPathResult.ANY_TYPE, null); 
                    var thisPart = parts.iterateNext(); 
                    while (thisPart) {
                        console.log(thisPart);
                        thisPart = parts.iterateNext();
                    }
                };
            </script>
    </head>
    <body onload="getXPath();" lang="la">
        <div id="Book">
            <div id="Chapter">
                <div id="Part1">
                    <h1 style="text-align:center;">H1</h1>
                    <blockquote><p>Lorem ipsum dolor <u>sit</u> amet, <b>consectetur</b> adipiscing <i>elit</i>. Aenean <del>nec</del> lacinia augue, in <span style="text-decoration:overline">vehicula</span> nibh. <span style="color:red;">Donec</span> semper, <span style="font-size: 2.1em;"><span style="font-family: 'Courier New';"><span style="text-decoration:overline;color:red;"><del><i><u><b>sapien</b></u></i></del></span></span></span> feugiat <mark>scelerisque</mark> viverra, <mark>nul</mark>la tellus <span style="color:red;">inte</span>rdum nibh, eu <i>sceler</i>isque <del>jus</del>to <b>ni</b>si <span style="text-decoration:overline">dign</span>issim <u>do</u>lor. <span style="font-size: 2.1em;">Phasellus</span> mollis <span style="font-family: 'Courier New';">diam</span> ut <span style="font-size: 2.1em;">do</span>lor <span style="font-family: 'Courier New';">aliq</span>uet egestas. Proin vestibulum nulla a metus tempus auctor id a sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sagittis, diam a bibendum aliquet, neque diam aliquam sem, quis facilisis purus magna et velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce sodales nisi sed augue faucibus dapibus.</p></blockquote>
                </div>
                <h2 style="text-align:right;">H2</h2>
                <p><ins>Cras</ins> tempus, libero quis ultricies dignissim, felis orci condimentum risus, a ullamcorper quam felis et est. Cras varius sit amet massa sed pharetra. Ut hendrerit rhoncus nibh, vel venenatis nisi fringilla nec. Suspendisse laoreet, purus sit amet feugiat tincidunt, dui mi scelerisque libero, nec fringilla erat nulla posuere felis. Sed gravida vel dui sit amet luctus. Curabitur tempus, diam eget euismod placerat, urna ante molestie lectus, euismod vestibulum metus velit non mi. Aliquam euismod, nisl in sodales elementum, diam mauris hendrerit eros, quis fringilla augue magna in metus. Pellentesque tincidunt erat sed diam posuere, quis pharetra tortor volutpat. Nam commodo non purus id tristique. Mauris vel pretium est. Suspendisse venenatis vehicula turpis.</p>
            </div>
            <h3>H3</h3>
            <p>Maecenas commodo leo non tincidunt consectetur. Quisque risus est, molestie eu vulputate ac, auctor quis nulla. Donec iaculis vehicula nisl quis tincidunt. Duis eu condimentum turpis. Integer facilisis erat non diam auctor luctus. Sed sodales est at erat consectetur rutrum. Vivamus et sem sapien. Morbi non elit accumsan nunc tristique eleifend sed eu est. Mauris tincidunt sit amet orci et rhoncus. Morbi sit amet nibh arcu.</p>
            <h4>H4</h4>
            <a id="foo"><p><b>Praesent</b> tristique interdum mauris, eu porta lectus sollicitudin vel. Praesent molestie id nisl eu imperdiet. Sed vulputate, orci et auctor tristique, erat risus porta est, sed pulvinar lectus justo rutrum enim. Nunc ut fringilla lorem, et sollicitudin est. Nulla facilisi. Pellentesque rutrum neque est, sit amet tempor nisi convallis vel. Vivamus laoreet urna id sapien posuere, vitae imperdiet mauris imperdiet.</p></a>
            <h5>H5</h5>
            <p style="text-align:left;">Maecenas viverra vel nisl sit amet pretium. Quisque nec lobortis nibh. Praesent est ipsum, condimentum egestas lobortis vitae, ornare non eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed elit risus, commodo at sollicitudin ac, lobortis quis lorem. Nullam congue purus vestibulum, eleifend neque non, egestas neque. Mauris pretium rutrum ipsum, quis pulvinar nunc congue at. Morbi rutrum eros nec pharetra sagittis. Pellentesque semper ligula sed metus viverra, eu fermentum dolor dignissim. Fusce congue massa quis purus pellentesque, ac auctor neque volutpat. Aenean a tellus ac nibh hendrerit dictum in vel augue. Integer non orci non nisl tristique varius.</p>
            <h6>H6</h6>
            <p>Curabitur non feugiat massa, ac venenatis risus. Vivamus tempus risus non arcu ultrices viverra ut ut diam. Duis eget velit lacus. Cras convallis vitae risus a porttitor. Integer semper massa elit, ac consectetur lorem malesuada sit amet. Mauris suscipit ante quis sem dapibus tincidunt. Nunc rhoncus eget elit quis tincidunt. Sed sit amet sapien eu diam rutrum cursus ac at tellus.</p>
            <p>Aliquam erat volutpat. Curabitur id adipiscing arcu. Sed pretium pulvinar accumsan. Praesent sit amet eleifend quam. Morbi quis libero id mauris viverra laoreet ut ut tellus. Duis pretium, risus non adipiscing volutpat, odio elit dapibus ipsum, et pharetra lacus ipsum vel nisi. Pellentesque malesuada aliquam ipsum nec pretium. Maecenas sed turpis in augue pulvinar suscipit vel sed ante. Pellentesque a consectetur ante. Donec tincidunt vestibulum nulla, vitae commodo lorem condimentum eu.</p>
            <p>Maecenas at commodo est, ut sagittis ligula. Cras gravida nisi non ante ultricies ullamcorper. Mauris ultricies ac dui nec aliquam. Vestibulum eget hendrerit sapien, eu rhoncus nulla. Duis et orci libero. Aenean id diam aliquet, condimentum dui ac, porttitor augue. Fusce vehicula leo purus, ut eleifend metus blandit ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sollicitudin vestibulum erat, in lacinia arcu.</p>
            <p>Nullam tincidunt cursus rutrum. Nunc bibendum adipiscing nisl ut semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris vel metus vel ligula commodo sollicitudin. Etiam varius, erat convallis elementum dictum, quam libero iaculis ligula, tincidunt sagittis ipsum nisl in diam. Vestibulum laoreet augue in ipsum rutrum, eu semper quam varius. Phasellus pharetra blandit ligula, eu lacinia turpis hendrerit sit amet. Aenean ipsum nisi, euismod in consequat et, ornare eget lectus. Mauris nec sem ac purus congue fermentum.</p>
            <p><img style="float:right;" src="picture.jpg" alt="Float right!"/>Phasellus sit amet tempus est. Vivamus euismod libero felis, bibendum venenatis elit pretium sed. Quisque pretium arcu ut felis commodo, eget dictum leo tempus. Nulla commodo, metus vitae pulvinar feugiat, ante urna congue odio, at blandit nisl leo vitae nunc. In ut suscipit orci, vitae vulputate justo. Etiam nec cursus enim, ac elementum urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce non adipiscing dui. Duis porttitor egestas vestibulum. Aenean arcu nisl, malesuada at tellus id, vestibulum sagittis leo. Quisque vitae ultricies lacus, at sagittis mi. Curabitur ultrices purus vitae eros elementum, ac rhoncus lectus tristique. Sed malesuada aliquet lacus, quis tempus neque feugiat eget. Sed convallis diam vitae malesuada pulvinar.<div style="clear:both;"></div></p>
            <math xmlns="http://www.w3.org/1998/Math/MathML">
                <mrow>
                    <mi>a</mi>
                    <mo>&InvisibleTimes;</mo>
                    <msup>
                        <mi>x</mi>
                        <mn>2</mn>
                    </msup>
                    <mo>+</mo>
                    <mi>b</mi>
                    <mo>&InvisibleTimes;</mo>
                    <mi>x</mi>
                    <mo>+</mo>
                    <mi>c</mi>
                    <mo>=</mo>
                    <mi>0</mi>
                </mrow>
            </math>
            <math>
                <mrow>
                    <mi>x</mi>
                    <mo>=</mo>
                    <mfrac>
                        <mrow>
                            <mo form="prefix">&minus;</mo>
                            <mi>b</mi>
                            <mo>&PlusMinus;</mo>
                            <msqrt>
                                <msup>
                                    <mi>b</mi>
                                    <mn>2</mn>
                                </msup>
                                <mo>&minus;</mo>
                                <mn>4</mn>
                                <mo>&InvisibleTimes;</mo>
                                <mi>a</mi>
                                <mo>&InvisibleTimes;</mo>
                                <mi>c</mi>
                            </msqrt>
                        </mrow>
                        <mrow>
                            <mn>2</mn>
                            <mo>&InvisibleTimes;</mo>
                            <mi>a</mi>
                        </mrow>
                    </mfrac>
                </mrow>
            </math>
            <ol start="21">
                <li>One</li>
                <li>Two</li>
            </ol>
            <ol start="11">
                <li>One</li>
                <li>Two
                    <ol>
                        <li>One</li>
                        <li>Two</li>
                    </ol>                    
                </li>
            </ol>
            <ul>
                <li>One</li>
                <li>Two</li>
            </ul>
            <dl>
                <dt>Coffee</dt>
                <dd>Black hot drink</dd>
                <dt>Milk</dt>
                <dd>White cold drink</dd>
            </dl>
            <ol>
                <li>first item</li>
                <li>second item
                    <ul>
                        <li>second item first subitem</li>
                        <li>second item second subitem</li>
                        <li>second item third subitem</li>
                    </ul>
                </li>
                <li>third item
                    <ul>
                        <li>second item first subitem</li>
                        <li>second item second subitem</li>
                        <li>second item third subitem
                            <ul>
                                <li>second item first subitem</li>
                                <li>second item second subitem</li>
                                <li>second item third subitem
                                    <ul>
                                        <li>second item first subitem</li>
                                        <li>second item second subitem</li>
                                        <li>second item third subitem</li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ol>
            <progress value="25" max="100"></progress><meter min="100" max="500" value="350"></meter><br/>
            <meter min="100" max="500" value="350"></meter>
            <table>
                <tr>
                    <td>
                        <figure>
                            <figcaption>Universe</figcaption>
                            <img src="picture.jpg" alt="An awesome picture"/>
                            <img src="http://upload.wikimedia.org/wikipedia/commons/6/6f/CMB_Timeline300_no_WMAP.jpg" alt="An awesome picture" style="height:222px; width:320px;"/>
                        </figure>
                    </td>
                    <td>
                        <ul>
                            <li>400 000 aastat tekkisid mikrolained, taustkiirgus</li>
                            <li>400 000 000 aastat esimesed tähed</li>
                            <li>1 biljonit aastat galaktikate moodustumiseni</li>
                            <li>8,7 biljonit aastat päikesesüsteemi moodutumine</li>
                            <li>12,7 biljonit aastat - päike süttib</li>
                            <li>13,7 biljonit aastat suurest paugust - tänapäev</li>
                        </ul>
                    </td>
                </tr>
            </table>
            <code>This is code.</code><br/>
            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
                <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/>
            </svg><br/>
            <embed
                width="420" height="345"
                src="http://www.youtube.com/v/TAxi38FE8xo"
                type="application/x-shockwave-flash"/>
            <!--audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay>Your browser does not support the <code>audio</code> element.</audio-->
            <audio controls>
                <source src="http://www.w3schools.com/html/horse.ogg" type="audio/ogg"/>
                <source src="http://www.w3schools.com/html/horse.mp3" type="audio/mpeg"/>
                Your browser does not support the audio element.
            </audio>
            <div contenteditable>
            Editable!
            </div>
        </div>
    </body>
</html>
